[HTML] input 태그 placeholder 속성, 텍스트 스타일 변경하기

input 태그의 placeholder 속성을 사용해 input 태그안에 보여지게 될 문구를 넣을 수 있습니다. 이 값은 방문자에게 어떤 정보에 대한 폼양식인지 전달할 뿐 실제 이 값이 전송되지는 않죠. 그런데 이 안에 있는 default 속성값... 예를 들어 색상이나 투명도 등을 설정하기 위해서는 어떻게 해야할까요?

아래 방법처럼 CSS를 설정하여 원하는대로 스타일 지정이 가능합니다.


모두 다 적용하려면 아래와 같이 사용해야 할 것입니다.



참고로, 인터넷 익스플로러가 10+ 이상인 이유는 8 또는 9 버전의 IE에서는 placeholder 속성 적용이 어렵습니다. 이를 구현하기 위해서는 스크립트 또는 제이쿼리를 사용해야 할 것입니다.

관련 글로 이동하기 >
https://webisfree.com/2015-10-23/input-태그-placeholder-텍스트-색상-변경하기